import React, { Component } from 'react'

export default class Hello extends Component {
    UNSAFE_componentWillReceiveProps(nextProps){
        console.log("componentWillReceiveProps",nextProps)
        console.log("componentWillReceiveProps",this.props)
    }
    render() {
        const {userInfo:{title,username}} = this.props
        return (
            <div>
                <h1>{`${title}---${username}`}</h1>
                <p><img src="logo192.png" alt="" /></p>
            </div>
        )
    }
    shouldComonentUpdate(nextProps,nextState){

    }
    componentWillUpdate(nextProps,nextState){

    }
}
// import React, { Component } from 'react'
// import PubSub from "pubsub-js" 
// export default class Hello extends Component {
//     state={
//         flag:true,
//     }
//     componentDidMount(){
//         PubSub.subscribe("ziapao",(a,b)=>{
//             this.setState({
//                 flag:b
//             })
//         })
//     }

//     render() {
//         const {flag} =this.state
//         return (
//             <div>
//                 <p>{flag&&<img width="100" height="100" src="logo192.png" alt="" />}</p>
//             </div>
//         )
//     }
// }